
<template>
  <main>
    <button @click="menu=TheWelcome">提示框</button>
    <button @click="menu=Menu">菜单</button>
    <button @click="menu=TestEcharts">echarts</button>
    <button @click="menu=ChartMap">地图</button>
    <component :is=menu></component>
  </main>
</template>

<script setup lang="ts">
import {shallowRef} from "vue"
import TheWelcome from './AboutView.vue'
import Menu from './Menu.vue'
import TestEcharts from './TestEcharts.vue' 
import ChartMap from './ChartMap.vue' 

const menu =shallowRef (TheWelcome)
</script>
 <style scoped lang="scss">
 button {
  margin: 10px;
 }
</style>